<!DOCTYPE html>
<script src="../../resources/js-test.js"></script>
<style>
  #text { text-shadow: 0.5px 1.5px 2.5px red; }
  #box { box-shadow: 0.5px 1.5px 2.5px 3.5px red; }
</style>

<div id="text">Text shadow</div>
<div id="box">Box shadow</div>

<script>
  description("Tests the computed style for subpixel shadows");

  var text = document.getElementById("text");
  var box = document.getElementById("box");

  var style = window.getComputedStyle(text, null);
  shouldBe("style.getPropertyValue('text-shadow')",
           "'rgb(255, 0, 0) 0.5px 1.5px 2.5px'");
  style = window.getComputedStyle(box, null);
  shouldBe("style.getPropertyValue('box-shadow')",
           "'rgb(255, 0, 0) 0.5px 1.5px 2.5px 3.5px'");
</script>

